<template>
	<view class="show-hall-wrapper">
		<view class="show-hall-list">
			<view class="show-hall-item mg24 conteainer-public-style" v-for="s of showHallList" :key="s">
				<video class="video-wrapper" :src="s"></video>
			</view>
		</view>
	</view>
</template>

<script lang="ts"> 
import { defineComponent, ref, reactive, toRefs, computed } from 'vue'
import { onReady, onLoad, onShow, onReachBottom} from '@dcloudio/uni-app' 
import { publicDictionaryData } from '@/http/home' 

export default defineComponent({
	setup() {
		const state = reactive({
			showHallList: [] as Array<string>
		})
		onReady(() => {
			getShowHall()
		})
		const getShowHall = async () => {
			let res = await publicDictionaryData('zhanting')
			console.log(res);
			if(res.code === 0) {
				state.showHallList = res.data?.data || []
			} else {
				uni.showToast({
					title: res.msg || '加载失败',
					icon: 'fail'
				})
			}
		}
		
		return {
			...toRefs(state)
		}
	}
})
</script>

<style>page{ background-color: #f8f8fa;}</style>

<style lang="scss" scoped>
.show-hall-wrapper{
	.show-hall-item{
		.video-wrapper{
			width: 654rpx;
		}
	}
}
</style>